<template>
  <p><code>el-icon</code> 为 raw SVG 图标提供额外的属性, 提供的详细属性请继续阅读。</p>

  <p>
    通过添加额外的类名 is-loading，你的图标就可以在 2 秒内旋转 360
    度，当然你也可以自己改写想要的动画。
  </p>

  <div class="el-row">
    <el-icon :size="20">
      <Edit />
    </el-icon>
    <el-icon color="#409efc" class="no-inherit">
      <Share />
    </el-icon>
    <el-icon>
      <Delete />
    </el-icon>
    <el-icon class="is-loading">
      <Loading />
    </el-icon>
    <el-button type="primary">
      <el-icon style="vertical-align: middle">
        <Search />
      </el-icon>
      <span style="vertical-align: middle"> Search </span>
    </el-button>
  </div>
</template>
<style scoped>
@import "../../assets/elementPlusDemo.css";
</style>
<style scoped>
.el-row>.el-icon {
  margin:30px;
}
.el-button {
    margin-top:20px;
}
</style>
